View GitHub Repository Time-Tracker

Schedule Inspection
Subscribe
Passed
Push — develop ( b45185...d53e5c )
by Endre
05:03
created

TopAppBar.render   A

↳ Parent: TopAppBar

Complexity

Conditions 1

Size

Total Lines 14
Code Lines 14

Duplication

Lines 0
Ratio 0 %

Code Coverage

Tests 2
CRAP Score 1

Importance

Changes 0
Metric Value
eloc 14
dl 0
loc 14
ccs 2
cts 2
cp 1
c 0
b 0
f 0
rs 9.7
cc 1
crap 1
1 
import * as mdc from 'material-components-web';
2 
import React from 'react';
3 
import ReactDOM from 'react-dom';
4 
import TopAppBarModel from './TopAppBar/TopAppBarModel'
5 

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    6
                

                                    
                                                    
                
                
                
interface IProperties {

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    7
                

                                    
                                                    
                
                
                
  model: TopAppBarModel

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    8
                

                                    
                                                    
                
                
                
}

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    9
                

                                    
                                                    
                
                
                

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    10
                

                                    
                                                    
                
                
                
interface IState {

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    11
                

                                    
                                                    
                
                
                
}

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    12
                

                                    
                                                    
                
                
                

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    13
                

                                    
                                                    
                
                
                
export default class TopAppBar extends React.Component<IProperties, IState> {

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    14
                

                                    
                                                    
                
                
                
  topAppBar: mdc.topAppBar.MDCTopAppBar | undefined;

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    15
                

                                    
                                                    
                
                
                

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    16
                

                                    
                                                    
                
                
                
  constructor(props: IProperties) {

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    17
                

                                    
                             1                         
                
                
                
    super(props);

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    18
                

                                    
                                                    
                
                
                
  }

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    19
                

                                    
                                                    
                
                
                

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    20
                

                                    
                                                    
                
                
                
  componentDidMount(): void {

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    21
                

                                    
                             1                         
                
                
                
    const topAppBarElement = ReactDOM.findDOMNode(this);

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    22
                

                                    
                                                    
                
                
                
    // @ts-ignore

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    23
                

                                    
                             1                         
                
                
                
    this.topAppBar = new mdc.topAppBar.MDCTopAppBar(topAppBarElement);

            


            
                                                                                                            
                                                                
            
                                    
            
            

                
                    24
                

                                    
                                                    
                
                
                
  }

            


            
                                                        
            
                                    
            
            

                
                    25
                

                                    
                                                    
                
                
                

            


            
                                                        
            
                                    
            
            

                
                    26
                

                                    
                                                    
                
                
                
  render(): React.ReactElement {

            


            
                                                        
            
                                    
            
            

                
                    27
                

                                    
                             1                         
                
                
                
    const model: TopAppBarModel = this.props.model;

            


            
                                                        
            
                                    
            
            

                
                    28
                

                                    
                             1                         
                
                
                
    return <React.Fragment>

            


            
                                                        
            
                                    
            
            

                
                    29
                

                                    
                                                    
                
                
                
      <header className="mdc-top-app-bar mdc-top-app-bar--fixed">

            


            
                                                        
            
                                    
            
            

                
                    30
                

                                    
                                                    
                
                
                
        <div className="mdc-top-app-bar__row">

            


            
                                                        
            
                                    
            
            

                
                    31
                

                                    
                                                    
                
                
                
          <section className="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">

            


            
                                                        
            
                                    
            
            

                
                    32
                

                                    
                                                    
                
                
                
            <button className="material-icons mdc-top-app-bar__navigation-icon mdc-icon-button">menu</button>

            


            
                                                        
            
                                    
            
            

                
                    33
                

                                    
                                                    
                
                
                
            <span className="mdc-top-app-bar__title">{model.title}</span>

            


            
                                                        
            
                                    
            
            

                
                    34
                

                                    
                                                    
                
                
                
          </section>

            


            
                                                        
            
                                    
            
            

                
                    35
                

                                    
                                                    
                
                
                
        </div>

            


            
                                                        
            
                                    
            
            

                
                    36
                

                                    
                                                    
                
                
                
      </header>

            


            
                                                        
            
                                    
            
            

                
                    37
                

                                    
                                                    
                
                
                
      <div className="mdc-top-app-bar__row" />

            


            
                                                        
            
                                    
            
            

                
                    38
                

                                    
                                                    
                
                
                
    </React.Fragment>;

            


            
                                                        
            
                                    
            
            

                
                    39
                

                                    
                                                    
                
                
                
  }

            


            
                                                        
            
                                    
            
            

                
                    40
                

                                    
                                                    
                
                
                
}